﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Index</title>
    <link href="~/bundles/site.min.css" rel="stylesheet" />

    <style>
        html, body {
            margin: 0 !important;
            background-color: #333333;
            font-family: 'Segoe UI', sans-serif;
            font-size: 12px;
        }

        .ace_content {
            font-family: Consolas, monospace !important;
        }

        html, body, .grid, .column {
            height: 100%;
        }

        .column, .fixed.menu {
            padding: 0 !important;
            margin: 0 !important;
        }

        .ui.inverted.blue.dropdown {
            background-color: #002451;
            color: #fff !important;
        }

        .ui.inverted.dropdown {
            background-color: #5c6166;
            color: #fff !important;
        }

        .default.text {
            color: #fff !important;
        }

        .theme, .language {
            font: inherit;
        }
    </style>
</head>
<body>
    <div class="ui fixed inverted menu">
        <div class="left menu">
            <div class="ui theme inverted selection dropdown item">
                <input id="theme1" name="theme1" type="hidden">
                <div class="default text">Select Theme</div>
                <i class="dropdown icon"></i>
                <div class="menu">
                    <a class="item" data-value="ace/theme/chrome">Chrome</a>
                    <a class="item" data-value="ace/theme/clouds">Clouds</a>
                    <a class="item" data-value="ace/theme/crimson_editor">Crimson Editor</a>
                    <a class="item" data-value="ace/theme/dawn">Dawn</a>
                    <a class="item" data-value="ace/theme/dreamweaver">Dreamweaver</a>
                    <a class="item" data--value="ace/theme/eclipse">Eclipse</a>
                    <a class="item" data-value="ace/theme/github">GitHub</a>
                    <a class="item" data-value="ace/theme/solarized_light">Solarized Light</a>
                    <a class="item" data-value="ace/theme/textmate">TextMate</a>
                    <a class="item" data-value="ace/theme/tomorrow">Tomorrow</a>
                    <a class="item" data-value="ace/theme/xcode">XCode</a>
                    <a class="item" data-value="ace/theme/kuroir">Kuroir</a>
                    <a class="item" data-value="ace/theme/katzenmilch">KatzenMilch</a>
                    <a class="item" data-value="ace/theme/ambiance">Ambiance</a>
                    <a class="item" data-value="ace/theme/chaos">Chaos</a>
                    <a class="item" data-value="ace/theme/clouds_midnight">Clouds Midnight</a>
                    <a class="item" data-value="ace/theme/cobalt">Cobalt</a>
                    <a class="item" data-value="ace/theme/idle_fingers">idle Fingers</a>
                    <a class="item" data-value="ace/theme/kr_theme">krTheme</a>
                    <a class="item" data-value="ace/theme/merbivore">Merbivore</a>
                    <a class="item" data-value="ace/theme/merbivore_soft">Merbivore Soft</a>
                    <a class="item" data-value="ace/theme/mono_industrial">Mono Industrial</a>
                    <a class="item" data-value="ace/theme/monokai">Monokai</a>
                    <a class="item" data-value="ace/theme/pastel_on_dark">Pastel on dark</a>
                    <a class="item" data-value="ace/theme/solarized_dark">Solarized Dark</a>
                    <a class="item" data-value="ace/theme/terminal">Terminal</a>
                    <a class="item" data-value="ace/theme/tomorrow_night">Tomorrow Night</a>
                    <a class="item" data-value="ace/theme/tomorrow_night_blue">Tomorrow Night Blue</a>
                    <a class="item" data-value="ace/theme/tomorrow_night_bright">Tomorrow Night Bright</a>
                    <a class="item" data-value="ace/theme/tomorrow_night_eighties">Tomorrow Night 80s</a>
                    <a class="item" data-value="ace/theme/twilight">Twilight</a>
                    <a class="item" data-value="ace/theme/vibrant_ink">Vibrant Ink</a>
                </div>
            </div>
            <div class="ui language inverted selection dropdown item">
                <input id="language1" name="language1" type="hidden">
                <div class="default text">Select Language</div>

                <i class="dropdown icon"></i>
                <div class="menu">
                    <a class="item" data-value="abap">ABAP</a><a class="item" data-value="actionscript">ActionScript</a><a class="item" data-value="ada">ADA</a><a class="item" data-value="apache_conf">Apache Conf</a><a class="item" data-value="asciidoc">AsciiDoc</a><a class="item" data-value="assembly_x86">Assembly x86</a><a class="item" data-value="autohotkey">AutoHotKey</a><a class="item" data-value="batchfile">BatchFile</a><a class="item" data-value="c9search">C9Search</a><a class="item" data-value="c_cpp">C and C++</a><a class="item" data-value="cirru">Cirru</a><a class="item" data-value="clojure">Clojure</a><a class="item" data-value="cobol">Cobol</a><a class="item" data-value="coffee">CoffeeScript</a><a class="item" data-value="coldfusion">ColdFusion</a><a class="item" data-value="csharp">C#</a><a class="item" data-value="css">CSS</a><a class="item" data-value="curly">Curly</a><a class="item" data-value="d">D</a><a class="item" data-value="dart">Dart</a><a class="item" data-value="diff">Diff</a><a class="item" data-value="dockerfile">Dockerfile</a><a class="item" data-value="dot">Dot</a><a class="item" data-value="dummy">Dummy</a><a class="item" data-value="dummysyntax">DummySyntax</a><a class="item" data-value="eiffel">Eiffel</a><a class="item" data-value="ejs">EJS</a><a class="item" data-value="elixir">Elixir</a><a class="item" data-value="elm">Elm</a><a class="item" data-value="erlang">Erlang</a><a class="item" data-value="forth">Forth</a><a class="item" data-value="ftl">FreeMarker</a><a class="item" data-value="gcode">Gcode</a><a class="item" data-value="gherkin">Gherkin</a><a class="item" data-value="gitignore">Gitignore</a><a class="item" data-value="glsl">Glsl</a><a class="item" data-value="golang">Go</a><a class="item" data-value="groovy">Groovy</a><a class="item" data-value="haml">HAML</a><a class="item" data-value="handlebars">Handlebars</a><a class="item" data-value="haskell">Haskell</a><a class="item" data-value="haxe">haXe</a><a class="item" data-value="html">HTML</a><a class="item" data-value="html_ruby">HTML (Ruby)</a><a class="item" data-value="ini">INI</a><a class="item" data-value="io">Io</a><a class="item" data-value="jack">Jack</a><a class="item" data-value="jade">Jade</a><a class="item" data-value="java">Java</a><a class="item" data-value="javascript">JavaScript</a><a class="item" data-value="json">JSON</a><a class="item" data-value="jsoniq">JSONiq</a><a class="item" data-value="jsp">JSP</a><a class="item" data-value="jsx">JSX</a><a class="item" data-value="julia">Julia</a><a class="item" data-value="latex">LaTeX</a><a class="item" data-value="less">LESS</a><a class="item" data-value="liquid">Liquid</a><a class="item" data-value="lisp">Lisp</a><a class="item" data-value="livescript">LiveScript</a><a class="item" data-value="logiql">LogiQL</a><a class="item" data-value="lsl">LSL</a><a class="item" data-value="lua">Lua</a><a class="item" data-value="luapage">LuaPage</a><a class="item" data-value="lucene">Lucene</a><a class="item" data-value="makefile">Makefile</a><a class="item" data-value="markdown">Markdown</a><a class="item" data-value="matlab">MATLAB</a><a class="item" data-value="mel">MEL</a><a class="item" data-value="mushcode">MUSHCode</a><a class="item" data-value="mysql">MySQL</a><a class="item" data-value="nix">Nix</a><a class="item" data-value="objectivec">Objective-C</a><a class="item" data-value="ocaml">OCaml</a><a class="item" data-value="pascal">Pascal</a><a class="item" data-value="perl">Perl</a><a class="item" data-value="pgsql">pgSQL</a><a class="item" data-value="php">PHP</a><a class="item" data-value="powershell">Powershell</a><a class="item" data-value="praat">Praat</a><a class="item" data-value="prolog">Prolog</a><a class="item" data-value="properties">Properties</a><a class="item" data-value="protobuf">Protobuf</a><a class="item" data-value="python">Python</a><a class="item" data-value="r">R</a><a class="item" data-value="rdoc">RDoc</a><a class="item" data-value="rhtml">RHTML</a><a class="item" data-value="ruby">Ruby</a><a class="item" data-value="rust">Rust</a><a class="item" data-value="sass">SASS</a><a class="item" data-value="scad">SCAD</a><a class="item" data-value="scala">Scala</a><a class="item" data-value="scheme">Scheme</a><a class="item" data-value="scss">SCSS</a><a class="item" data-value="sh">SH</a><a class="item" data-value="sjs">SJS</a><a class="item" data-value="smarty">Smarty</a><a class="item" data-value="snippets">snippets</a><a class="item" data-value="soy_template">Soy Template</a><a class="item" data-value="space">Space</a><a class="item" data-value="sql">SQL</a><a class="item" data-value="stylus">Stylus</a><a class="item" data-value="svg">SVG</a><a class="item" data-value="tcl">Tcl</a><a class="item" data-value="tex">Tex</a><a class="item" data-value="text">Text</a><a class="item" data-value="textile">Textile</a><a class="item" data-value="toml">Toml</a><a class="item" data-value="twig">Twig</a><a class="item" data-value="typescript">Typescript</a><a class="item" data-value="vala">Vala</a><a class="item" data-value="vbscript">VBScript</a><a class="item" data-value="velocity">Velocity</a><a class="item" data-value="verilog">Verilog</a><a class="item" data-value="vhdl">VHDL</a><a class="item" data-value="xml">XML</a><a class="item" data-value="xquery">XQuery</a><a class="item" data-value="yaml">YAML</a>
                </div>
            </div>
        </div>
        <div class="right menu">
            <div class="ui language inverted blue selection dropdown item">
                <input id="language2" name="language2" type="hidden">
                <div class="default text">Select Language</div>
                <i class="dropdown icon"></i>
                <div class="menu">
                    <a class="item" data-value="abap">ABAP</a><a class="item" data-value="actionscript">ActionScript</a><a class="item" data-value="ada">ADA</a><a class="item" data-value="apache_conf">Apache Conf</a><a class="item" data-value="asciidoc">AsciiDoc</a><a class="item" data-value="assembly_x86">Assembly x86</a><a class="item" data-value="autohotkey">AutoHotKey</a><a class="item" data-value="batchfile">BatchFile</a><a class="item" data-value="c9search">C9Search</a><a class="item" data-value="c_cpp">C and C++</a><a class="item" data-value="cirru">Cirru</a><a class="item" data-value="clojure">Clojure</a><a class="item" data-value="cobol">Cobol</a><a class="item" data-value="coffee">CoffeeScript</a><a class="item" data-value="coldfusion">ColdFusion</a><a class="item" data-value="csharp">C#</a><a class="item" data-value="css">CSS</a><a class="item" data-value="curly">Curly</a><a class="item" data-value="d">D</a><a class="item" data-value="dart">Dart</a><a class="item" data-value="diff">Diff</a><a class="item" data-value="dockerfile">Dockerfile</a><a class="item" data-value="dot">Dot</a><a class="item" data-value="dummy">Dummy</a><a class="item" data-value="dummysyntax">DummySyntax</a><a class="item" data-value="eiffel">Eiffel</a><a class="item" data-value="ejs">EJS</a><a class="item" data-value="elixir">Elixir</a><a class="item" data-value="elm">Elm</a><a class="item" data-value="erlang">Erlang</a><a class="item" data-value="forth">Forth</a><a class="item" data-value="ftl">FreeMarker</a><a class="item" data-value="gcode">Gcode</a><a class="item" data-value="gherkin">Gherkin</a><a class="item" data-value="gitignore">Gitignore</a><a class="item" data-value="glsl">Glsl</a><a class="item" data-value="golang">Go</a><a class="item" data-value="groovy">Groovy</a><a class="item" data-value="haml">HAML</a><a class="item" data-value="handlebars">Handlebars</a><a class="item" data-value="haskell">Haskell</a><a class="item" data-value="haxe">haXe</a><a class="item" data-value="html">HTML</a><a class="item" data-value="html_ruby">HTML (Ruby)</a><a class="item" data-value="ini">INI</a><a class="item" data-value="io">Io</a><a class="item" data-value="jack">Jack</a><a class="item" data-value="jade">Jade</a><a class="item" data-value="java">Java</a><a class="item" data-value="javascript">JavaScript</a><a class="item" data-value="json">JSON</a><a class="item" data-value="jsoniq">JSONiq</a><a class="item" data-value="jsp">JSP</a><a class="item" data-value="jsx">JSX</a><a class="item" data-value="julia">Julia</a><a class="item" data-value="latex">LaTeX</a><a class="item" data-value="less">LESS</a><a class="item" data-value="liquid">Liquid</a><a class="item" data-value="lisp">Lisp</a><a class="item" data-value="livescript">LiveScript</a><a class="item" data-value="logiql">LogiQL</a><a class="item" data-value="lsl">LSL</a><a class="item" data-value="lua">Lua</a><a class="item" data-value="luapage">LuaPage</a><a class="item" data-value="lucene">Lucene</a><a class="item" data-value="makefile">Makefile</a><a class="item" data-value="markdown">Markdown</a><a class="item" data-value="matlab">MATLAB</a><a class="item" data-value="mel">MEL</a><a class="item" data-value="mushcode">MUSHCode</a><a class="item" data-value="mysql">MySQL</a><a class="item" data-value="nix">Nix</a><a class="item" data-value="objectivec">Objective-C</a><a class="item" data-value="ocaml">OCaml</a><a class="item" data-value="pascal">Pascal</a><a class="item" data-value="perl">Perl</a><a class="item" data-value="pgsql">pgSQL</a><a class="item" data-value="php">PHP</a><a class="item" data-value="powershell">Powershell</a><a class="item" data-value="praat">Praat</a><a class="item" data-value="prolog">Prolog</a><a class="item" data-value="properties">Properties</a><a class="item" data-value="protobuf">Protobuf</a><a class="item" data-value="python">Python</a><a class="item" data-value="r">R</a><a class="item" data-value="rdoc">RDoc</a><a class="item" data-value="rhtml">RHTML</a><a class="item" data-value="ruby">Ruby</a><a class="item" data-value="rust">Rust</a><a class="item" data-value="sass">SASS</a><a class="item" data-value="scad">SCAD</a><a class="item" data-value="scala">Scala</a><a class="item" data-value="scheme">Scheme</a><a class="item" data-value="scss">SCSS</a><a class="item" data-value="sh">SH</a><a class="item" data-value="sjs">SJS</a><a class="item" data-value="smarty">Smarty</a><a class="item" data-value="snippets">snippets</a><a class="item" data-value="soy_template">Soy Template</a><a class="item" data-value="space">Space</a><a class="item" data-value="sql">SQL</a><a class="item" data-value="stylus">Stylus</a><a class="item" data-value="svg">SVG</a><a class="item" data-value="tcl">Tcl</a><a class="item" data-value="tex">Tex</a><a class="item" data-value="text">Text</a><a class="item" data-value="textile">Textile</a><a class="item" data-value="toml">Toml</a><a class="item" data-value="twig">Twig</a><a class="item" data-value="typescript">Typescript</a><a class="item" data-value="vala">Vala</a><a class="item" data-value="vbscript">VBScript</a><a class="item" data-value="velocity">Velocity</a><a class="item" data-value="verilog">Verilog</a><a class="item" data-value="vhdl">VHDL</a><a class="item" data-value="xml">XML</a><a class="item" data-value="xquery">XQuery</a><a class="item" data-value="yaml">YAML</a>
                </div>
            </div>

            <div class="ui theme inverted blue selection dropdown item">
                <input id="theme2" name="theme2" type="hidden">
                <div class="default text">Select Theme</div>

                <i class="dropdown icon"></i>
                <div class="menu">
                    <a class="item" data-value="ace/theme/chrome">Chrome</a>
                    <a class="item" data-value="ace/theme/clouds">Clouds</a>
                    <a class="item" data-value="ace/theme/crimson_editor">Crimson Editor</a>
                    <a class="item" data-value="ace/theme/dawn">Dawn</a>
                    <a class="item" data-value="ace/theme/dreamweaver">Dreamweaver</a>
                    <a class="item" data--value="ace/theme/eclipse">Eclipse</a>
                    <a class="item" data-value="ace/theme/github">GitHub</a>
                    <a class="item" data-value="ace/theme/solarized_light">Solarized Light</a>
                    <a class="item" data-value="ace/theme/textmate">TextMate</a>
                    <a class="item" data-value="ace/theme/tomorrow">Tomorrow</a>
                    <a class="item" data-value="ace/theme/xcode">XCode</a>
                    <a class="item" data-value="ace/theme/kuroir">Kuroir</a>
                    <a class="item" data-value="ace/theme/katzenmilch">KatzenMilch</a>
                    <a class="item" data-value="ace/theme/ambiance">Ambiance</a>
                    <a class="item" data-value="ace/theme/chaos">Chaos</a>
                    <a class="item" data-value="ace/theme/clouds_midnight">Clouds Midnight</a>
                    <a class="item" data-value="ace/theme/cobalt">Cobalt</a>
                    <a class="item" data-value="ace/theme/idle_fingers">idle Fingers</a>
                    <a class="item" data-value="ace/theme/kr_theme">krTheme</a>
                    <a class="item" data-value="ace/theme/merbivore">Merbivore</a>
                    <a class="item" data-value="ace/theme/merbivore_soft">Merbivore Soft</a>
                    <a class="item" data-value="ace/theme/mono_industrial">Mono Industrial</a>
                    <a class="item" data-value="ace/theme/monokai">Monokai</a>
                    <a class="item" data-value="ace/theme/pastel_on_dark">Pastel on dark</a>
                    <a class="item" data-value="ace/theme/solarized_dark">Solarized Dark</a>
                    <a class="item" data-value="ace/theme/terminal">Terminal</a>
                    <a class="item" data-value="ace/theme/tomorrow_night">Tomorrow Night</a>
                    <a class="item" data-value="ace/theme/tomorrow_night_blue">Tomorrow Night Blue</a>
                    <a class="item" data-value="ace/theme/tomorrow_night_bright">Tomorrow Night Bright</a>
                    <a class="item" data-value="ace/theme/tomorrow_night_eighties">Tomorrow Night 80s</a>
                    <a class="item" data-value="ace/theme/twilight">Twilight</a>
                    <a class="item" data-value="ace/theme/vibrant_ink">Vibrant Ink</a>
                </div>
            </div>
        </div>
    </div>
    <div class="ui grid">
        <div class="eight wide column">
            <div id="editor1" style="width:100%;height:100%;"></div>
        </div>
        <div class="eight wide column">
            <div id="editor2" style="width:100%;height:100%"></div>
        </div>
    </div>

    <script src="~/bundles/site.min.js"></script>

    <script type="text/javascript" src="@Url.Content("~/signalr/hubs")"></script>
</body>
</html>
